<!DOCTYPE html>
<%@ page import="java.util.*,rubix.model.*,rubix.controller.*" %>

<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>KMP Far East Pte Ltd - ERP Dashboard</title>

        <!-- Bootstrap core CSS -->
        <link href="css/bootstrap.css" rel="stylesheet">

        <!-- Add custom CSS here -->
        <link href="css/sb-admin.css" rel="stylesheet">
        <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
        <!-- Page Specific CSS -->
        <link rel="stylesheet" href="http://cdn.oesmith.co.uk/morris-0.4.3.min.css">
        <!-- Bootstrap core JavaScript -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="js/bootstrap.js"></script>
        <!-- Page Specific Plugins -->
        <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
        <script src="http://cdn.oesmith.co.uk/morris-0.4.3.min.js"></script>
        <script src="js/morris/chart-data-morris.js"></script>
        <script src="js/tablesorter/jquery.tablesorter.js"></script>
        <script src="js/tablesorter/tables.js"></script>
    </head>


    <div id="wrapper">

        <!-- Sidebar -->
        <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.jsp">KMP Far East Pte Ltd | ERP Application</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav side-nav">
                    <li class="active"><a href="index.jsp"><i class="icon-dashboard"></i> Dashboard</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-collapse"></i> Purchases <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="purchaseOrder.jsp">Purchase Orders</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-collapse"></i> Sales <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="salesQuotation.jsp">Sales Quotation</a></li>
                            <li><a href="salesOrder.jsp">Sales Orders</a></li>
                            <li><a href="pickingList.jsp">Picking List</a></li>
                            <li><a href="productCatalog.jsp">Product Catalog</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-collapse"></i> Warehouse <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="goodsReceivedListing.jsp">Goods Received Listing</a></li>                
                            <li><a href="inventory.jsp">Inventory Maintenance</a></li>
                            <li><a href="BOM.jsp">BOM File Maintenance</a></li>
                        </ul>
                    </li>
                    
                   <li class="active">
                        <a href="incomingShipment.jsp"><i class="icon-collapse"></i> Incoming Shipments</a>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-collapse"></i> Quality Control <b class="caret"></b></a>
                        <ul class="dropdown-menu">   
                            <li><a href="generateReport.jsp">Generate Reports</a></li>
                            <li><a href="feedback.jsp">Feedback</a></li>
                        </ul>
                    </li>
                </ul>

                <ul class="nav navbar-nav navbar-right navbar-user">
                    <li class="dropdown messages-dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-envelope"></i> Notifications <span class="badge">3</span> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-header">3 New Notifications</li>
                            <li class="message-preview">
                                <a href="#">
                                    <span class="avatar"><img src="image/sherman.jpg"></span>
                                    <span class="name">Sherman:</span>
                                    <span class="message">Created new Invoice - 3306</span>
                                    <span class="time"><i class="icon-time"></i> 4:34 PM</span>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li class="message-preview">
                                <a href="#">
                                    <span class="avatar"><img src="image/gladys.jpg"></span>
                                    <span class="name">Gladys:</span>
                                    <span class="message">Added new P.O - 3340</span>
                                    <span class="time"><i class="icon-time"></i> 4:34 PM</span>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li class="message-preview">
                                <a href="#">
                                    <span class="avatar"><img src="image/rae.jpg"></span>
                                    <span class="name">Rachel:</span>
                                    <span class="message">Generated Picking List - 3305</span>
                                    <span class="time"><i class="icon-time"></i> 4:34 PM</span>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li><a href="#">View Inbox <span class="badge">7</span></a></li>
                        </ul>
                    </li>
                    <%
                        String username = (String) session.getAttribute("loggedIn");
                        User user = UserManager.retrieveUser(username);
                        String name = user.getName();
                        String department = user.getDepartment();
                    %>
                    <li class="dropdown user-dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> <%=name%> <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><i class="icon-user"></i> Profile <%=department%></a></li>
                            <li><a href="#"><i class="icon-envelope"></i> Notifications <span class="badge">3</span></a></li>
                            <li class="divider"></li>
                            <li><a href="logInOutController"><i class="icon-power-off"></i> Log Out</a></li>
                        </ul>
                    </li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </nav>


